import history from "@/utils/history";
import React from "react";

function Home() {
  return (
    <div className="Home">
      <button onClick={() => history.push("/swiper")}>
        均速滚动swiper-万物墙demo(有bug)
      </button>
      <button onClick={() => history.push("/h5move")}>
        pc和移动端都兼容的拖动排序
      </button>

      <button onClick={() => history.push("/richText")}>富文本编辑器</button>

      <button onClick={() => history.push("/upFile")}>
        antd拖动上传多附件
      </button>

      <button onClick={() => history.push("/clipUp")}>antd裁剪图片上传</button>

      <button onClick={() => history.push("/share")}>微信分享</button>

      <button onClick={() => history.push("/three")}>
        Three加载压缩之后的gltf模型，打点
      </button>

      <button onClick={() => history.push("/move")}>
        移动端和pc端自定义Use，鼠标/手指左右滑动
      </button>
    </div>
  );
}

// 使用 React.memo 来优化组件，避免组件的无效更新，类似 类组件里面的PureComponent
const MemoHome = React.memo(Home);

// 默认导出
export default MemoHome;
